<template>
  <div class="con">
    <div class="left">
      <h2 class="h2">我的进店码</h2>
      <p style="margin-bottom:10rpx;margin-left:40rpx;margin-top:20rpx;">请将手机扫码对准二维码区域</p>
    </div>
    <div class="center">
      <img src="../../static/QQ图片20201027190238.jpg" alt srcset @click="datail"/>
    </div>
    <div class="right">
      <p style="padding-top:10rpx;">如果2分钟内没有扫码将自动刷新</p>
      <p class="p">刷新进店码</p>
    </div>
  </div>
</template>

<style>
.con {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 100rpx;
  margin-top: 30rpx;
}
img {
  width: 500rpx;
  height: 503rpx;
  margin-left: 25rpx;
}
.p {
  width: 300rpx;
  height: 100rpx;
  border: 2rpx solid aqua;
  color: aqua;
  line-height: 30px;
  text-align: center;
  position: absolute;
  left: 100rpx;
  bottom: 200rpx;
  border-radius: 40rpx;
}
.h2{
   
   margin-left: 200rpx;
}

</style>